<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        #root button,#my button {
            padding: 5px;
            margin: 5px;
        }

        #root button.active,#my button.active {
            background: red;
        }

        #root div,#my div {
            width: 500px;
            height: 300px;
            border: 1px solid green;
        }
    </style>
</head>
<body>
<div id="root">
    <button>中国</button>
    <button>日本</button>
    <button>韩国</button>
    <div>中国新闻</div>
    <div>日本新闻</div>
    <div>韩国</div>
</div>

<div id="my">
    <button>体育</button>
    <button>娱乐</button>
    <button>财经</button>
    <div>体育新闻</div>
    <div>娱乐新闻</div>
    <div>财经新闻</div>
</div>
</body>
<script type="module">
    import Tag from "./utils/Tag.js";
    new Tag({
        activeI:2
    });
    new Tag({
        el:"#my",
        colorArr:["pink","orange","blue"],
        activeI:1
    })
</script>
</html>